export const optionLine = {
  chart: {
    zoomType: 'xy',
    type: 'area',
    backgroundColor: null,
    margin: [50, 60, 50, 90]
  },
  credits: {
    enabled: false
  },
  title: {
    text: null
  },
  xAxis: [{
    gridLineColor: '#3C6A94',
    gridLineWidth: 2,
    labels: {
      style: {
        color: '#ccc',
        fontSize: '22px'
      }
    },
    categories: ['02月', '03月', '04月', '05月', '06月', '07月', '08月', '09月', '10月', '11月'],
    crosshair: true
  }],
  yAxis: [{ // Primary yAxis
    min: 0,
    title: {
      text: '万元',
      align: 'high',
      rotation: 0,
      y: -30,
      x: 120,
      style: {
        fontSize: '22px',
        color: '#fff'
      }
    },
    gridLineColor: '#3C6A94',
    tickAmount: 4,
    labels: {
      style: {
        color: '#ccc',
        fontSize: '24px'
      }
    }
  }],
  tooltip: {
    formatter() {
      return `
        <b>${this.x}</b><br/>
        ${this.series.name}：${this.y}<br/>
      `
    },
    backgroundColor: 'rgba(0,0,0,0.5)',
    style: {
      padding: 10,
      fontWeight: 'bold',
      fontSize: 24,
      color: '#fff'
    }
  },
  legend: {
    verticalAlign: 'top',
    enabled: false,
    y: -20,
    itemStyle: {
      color: ' #CBEAFF',
      fontSize: 23
    },
    itemHoverStyle: {
      color: '#fff'
    }
  },
  series: [{
    name: '金额',
    type: 'area',
    data: [10560, 51360, 10360, 21360, 51360, 21360, 11360, 41360, 71360, 11360],
    tooltip: {
      valueSuffix: '°C'
    },
    fillColor: {
      linearGradient: [0, 0, 0, 100],
      stops: [
        [0, '#FAD900'],
        [1, 'rgba(55, 162, 218, 0.1)']
      ]
    }
  }]
}
